.header-container {
	width: 100%;
	height: 555upx;
	background-color: #0bc99d;
	
	.header {
		display: flex;
		flex-direction: row;
		justify-items: center;
		padding: 25upx;
		
		.btn-ico {
			width: 48upx;
			height: 40upx;
			
			margin-top: 18upx;
		}
		
		.search-ico {
			width: 40upx;
			height: 40upx;
			margin-top: 20upx;
			margin-left: 20upx;
		}
		
		.searchbar {
			height: 80upx;
			width: 100%;
			margin-left: 25upx;
			margin-right: 25upx;
			background-color: rgba(255, 255, 255, 1);
			border-radius: 40upx;
			
			display: flex;
			flex-direction: row;
			
			.search-input {
				// border: solid 1px red;
				margin-left: 10upx;
				margin-top: 15upx;
			}
		}
		
	}
	
	.header-content {
		display: flex;
		flex-direction: row;
		
		.left {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 60%;
			
			.title {
				color: white;
				font-weight: bold;
				font-size:60upx;
			}
			
			.sub-title {
				margin-top: 10upx;
				margin-bottom: 10upx;
				font-size: 24upx;
				// font-weight: bold;
				color: rgba(255, 255, 255, 0.7);
			}
			
			.btn-study{
			  line-height:36px;
			  height:36px;
			  width:160px;
			  color:#333333;
			  background-color:#ededed;
			  font-size:15px;
			  font-weight:bold;
			  font-family:Arial;
			  background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #ffec64), color-stop(1, #ffab23));
			  background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
			  background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
			  background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
			  background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
			  background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
			  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
			  border:1px solid #ffaa22;
			  -webkit-border-top-left-radius:36px;
			  -moz-border-radius-topleft:36px;
			  border-top-left-radius:36px;
			  -webkit-border-top-right-radius:36px;
			  -moz-border-radius-topright:36px;
			  border-top-right-radius:36px;
			  -webkit-border-bottom-left-radius:36px;
			  -moz-border-radius-bottomleft:36px;
			  border-bottom-left-radius:36px;
			  -webkit-border-bottom-right-radius:36px;
			  -moz-border-radius-bottomright:36px;
			  border-bottom-right-radius:36px;
			  -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
			  -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
			  box-shadow: inset 0px 1px 0px 0px #fff6af;
			  text-align:center;
			  display:inline-block;
			  text-decoration:none;
			}
			.btn-study:hover{
			  background-color:#f5f5f5;
			  background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #ffab23), color-stop(1, #ffec64));
			  background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
			  background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
			  background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
			  background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
			  background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
			  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
			}						
		}
		
		.right {
			.poster{
				width: 220upx;
				height: 220upx;
				margin-left: 20upx;
			}
		}
		
		
	}
}

.content-container {
	width: 100%;
	margin-top: -130upx;
	
	.menu {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		border-radius: 24upx;
		// border: solid 1px red;
		margin-left: 20upx;
		margin-right: 20upx;
		padding-left: 20upx;
		padding-right: 20upx;
		background-color: rgba(255,255,255,1);
		box-shadow: 0upx 20upx 20upx 0upx rgba(0, 161, 124, 0.3);
				
		.item {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 20upx;
			
			.img-wrapper {
				width: 100upx;
				height: 100upx;
				background-color: lightblue;
				border-radius: 60upx;
				display: flex;
				justify-content: center;
				align-items: center;
				
				.img {
					width: 80upx;
					height: 80upx;
				}
			}
			
			.txt {
				font-size: 28upx;
				margin-top: 5upx;
				margin-bottom: 10upx;
			}
		}
	}

	.menu2 {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		// border-radius: 24upx;
		// border: solid 1px red;
		margin-left: 20upx;
		margin-right: 20upx;
		padding-left: 20upx;
		padding-right: 20upx;
		// background-color: #;
		// background-color: rgba(255,255,255,1);
		// box-shadow: 0upx 20upx 20upx 0upx rgba(0, 161, 124, 0.3);
				
		.item {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 20upx;
			margin-bottom: 10upx;
			
			.img-wrapper {
				width: 100upx;
				height: 100upx;
				// background-color: lightblue;
				// border-radius: 60upx;
				display: flex;
				justify-content: center;
				align-items: center;
				
				.img {
					width: 80upx;
					height: 80upx;
				}
			}
			
			.txt {
				font-size: 28upx;
				margin-top: 5upx;
				margin-bottom: 10upx;
			}
		}
	}

	.slider {
		background-color: white;
		width: 100%;
		white-space: nowrap;
		
		.item {
			display: inline-block;		//做横向菜单元素布局
			width: 60%;
			margin-left: 25upx;
			margin-top: 25upx;
			margin-bottom: 32upx;
			background: linear-gradient(-30deg, rgba(192, 253,227,1), rgba(224,252,240,1));
			border-radius: 20upx;
			height: 230upx;
			
			.item-content {
				display: flex;
				flex-direction: row;
				// border: solid 1px red;
				
				
				.info {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					width: 49%;
					
					.title {
						font-size: 30upx;
					}
					
					.talker {
						font-size: 24upx;
					}
				}
				
				.img {
					width: 160upx;
					height: 160upx;
					margin-top: 60upx;
				}
				
				.free {
					color: white;
					font-size: 28upx;
					// border: solid 1px red;
					background-color: rgba(11,147,252,1);
					height: 100upx;
					width: 50upx;
					display: flex;
					justify-content: center;
					border-radius: 0px 0px 25upx 25upx;
				}
			}
		}
	}

}